<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="【中公IT优学-IT技术培训培优机构】提供多品类IT培训课程，包括编程开发、UI设计、IT考证、互联网营销、Office、求职面试等精品视频。在线学IT，我推荐中公IT优学">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="./css/com_header-one.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="./css/com_bottom_one.css">
    <link rel="shortcut icon" href="./images/bitbug_favicon.ico" />
    <title>IT培训课程_2020版IT培训视频教程_IT技术在线教育机构_中公IT优学</title>
</head>

<body>

    <!-- 头部导航制作header -->
    <header>
        <!--   头部内容 -->
        <div class="w bgheader">
            <!-- logo -->
            <a href="javascript:;" class="logo">
                <img src="images/index/logo.jpg" alt="">
            </a>
            <!-- nav -->
            <ul class="head_nav">
                <li>
                    <a href="javascript:;"> 首页</a>
                </li>
                <li>
                    <a href="javascript:;"> OAO训练营</a>
                </li>
                <li>
                    <a href="javascript:;"> vip会员</a>
                </li>
                <li>
                    <a href="javascript:;"> 精品好客</a>
                </li>
                <li>
                    <a href="javascript:;"> 培训讲师</a>
                </li>
                <li>
                    <a href="javascript:;"> 移动学习</a>
                    <p class="li_code">
                        <span class="code_l">
                            <img src="images/index/le_code.png" alt="">
                            <i>免费领百元好课</i>
                            <i>微信扫码关注</i>
                        </span>
                        <span class="code_r">
                            <img src="images/index/le_code.png" alt="">
                            <i>下载『IT优学』</i>
                            <i>缓存视频随时随地学</i>
                        </span>
                    </p>

                </li>
                <li>
                    <a href="javascript:;"> 关于我们</a>
                </li>
            </ul>

            <div class="top_right">
                <input type="text" name="" id="" placeholder="搜索课程" autofocus="autofocus">
                <a href="javascript:;" class="a1"><img src="images/index/scan_code.jpg" alt=""></a>
                <a href="javascript:;" class="a2"><img src="images/index/shopbar.jpg" alt=""></a>
                <a href="javascript:;" class="a3">登录</a>
                <a href="./register.html" class="a4">注册</a>
                <a href="javascript:;" class="a5"><img src="images/index/glass.jpg" alt=""></a>
                <em><img src="images/index/马保国.png" alt=""></em>
            </div>
            <!-- aside模块 -->
            <div class="bg_aside">
                <div class="aside">
                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>

                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt> 互联网营销 </dt>
                        <dd>
                            <a href="javascript:;">SEO</a>
                            <a href="javascript:;">SEM</a>
                            <a href="javascript:;">新媒体</a>
                            <a href="javascript:;">电商</a>
                        </dd>
                        </dt>
                    </dl>

                </div>
            </div>
        </div>
    </header>

    <!-- banner模块 -->

    <div class="banner">
        <ul class="ulo">
            <li> <img src="images/index/轮播1.jpg" alt=""></li>
            <li> <img src="images/index/轮播2.jpg" alt=""></li>
            <li> <img src="images/index/轮播3.jpg" alt=""></li>
        </ul>
        <!-- 轮播点 -->
        <p>
            <span class="active"></span>
            <span></span>
            <span></span>
        </p>
        <div class="last"></div>
        <div class="next"></div>
    </div>



    <!-- 轮播图下面的nav -->

    <ul class="sm_nav">
        <li>
            <a href="javascript:;"><img src="images/index/nav_1.jpg" alt=""></a>
        </li>
        <li>
            <a href="javascript:;"><img src="images/index/nav_2.jpg" alt=""></a>
        </li>
        <li>
            <a href="javascript:;"><img src="images/index/nav_3.jpg" alt=""></a>
        </li>
        <li>
            <a href="javascript:;"><img src="images/index/nav_4.jpg" alt=""></a>
        </li>
    </ul>






    <!-- 直播导航切换模块 -->

    <div class="tab w">
        <div class="tab_top">
            <div class="hot_live">热门直播</div>
            <div class="more"><a href="javascript:;">更多<i>+</i></a></div>
        </div>

        <div class="tab_con">
            <div class="aud">
                <!-- ajax添加 -->
            </div>

            <ul class="aud_list">
            </ul>
        </div>
    </div>


    <!-- main主体 -->

    <main class="w">
        <div class="nice_cla">
            <!-- 顶部 -->
            <div class="nic_top">
                <p class="nic_p1">精品网课</p>
                <ul>


                    <!-- <li>
                        <a href="javascript:;">互联网营销</a>
                    </li> -->


                </ul>
                <p class="nic_p2">
                    <a href="javascript:;">更多<i>+</i></a>
                </p>
            </div>


            <!-- 内容 -->
            <div class="nice_con w">

            </div>
        </div>

        <!-- 支持的学习方式模块 -->

        <div class="lea_sty w">
            <h3 class="sty_top">
                <img src="images/index/bg_line.jpg" alt="">
                <span>支持电脑、手机、PAD多平台学习</span>
            </h3>
            <div class="sty_con">
                <p class="sty_p1">
                    <img src="images/index/pic_phone.jpg" alt="">
                    <span class="span1">支持苹果、安卓所有设备</span>
                    <span>
                        优学在线课程均可同到移动端，支持苹果和安卓主流设备</span>
                </p>
                <p class="sty_p2">
                    <img src="images/index/pic_book.jpg" alt="">
                    <span>支持苹果、安卓所有设备</span>
                    <span>
                        优学在线课程均可同到移动端，支持苹果和安卓主流设备</span>
                </p>
                <p class="sty_p3">
                    <img src="images/index/pic_piay.jpg" alt="">
                    <span>支持苹果、安卓所有设备</span>
                    <span>
                        优学在线课程均可同到移动端，支持苹果和安卓主流设备</span>
                </p>
            </div>
        </div>
    </main>

    <!-- 下载模块 -->
    <div class="XiaZai w">
        <img src="images/index/bottom_pic.jpg" alt="">
    </div>

    <!-- 右侧固定联系 -->

    <div class="fix_con">
        <p><img src="images/index/icon_phone.png" alt="">
            <span>
                <img src="images/index/QR_phone.png" alt="">
                <i>扫描关注中公优学网校</i>
            </span></p>


        <p><img src="images/index/icon_wb.png" alt="">
            <span>
                  <img src="images/index/pic_wb.jpg" alt="">
                  <a href="javascript:;">iT优学网校</a>
                  <button>加关注</button>
            </span>
        </p>


        <p><img src="images/index/icon_wx.png" alt="">
            <span class="wx_code">
                <img src="images/index/QR_wx.jpg" alt="">
                <i>扫描下载优学网校客户端</i>
            </span>
        </p>
    </div>

    <!-- 返回顶部 -->
    <div class="back">
        <img src="images/index/back.png" alt="">
    </div>
    <!-- 底部 -->
    <footer>
        <img src="images/index/shangbiao.png" alt="">
    </footer>

    <!-- 定位广告 -->
    <div class='fixed_ad'>
        <a href="javascript:;">
            <img src="images/course/bgpiv.png" alt="">
            <img src="images/course/openvip.png" alt="">
        </a>
        <span>
        <img src="images/course/close.png" alt="">
    </span>
    </div>
    <!-- 点击弹出大广告 -->
    <div class="fixed_pic">
        <img src="images/course/smal.png" alt="">
    </div>

    <!-- 引入js -->
    <script src="./javascript/U.js"></script>
    <script src="./javascript/com_header-one.js"></script>
    <script src="./javascript/index.js"></script>
    <script src="./javascript/lunbo.js"></script>
    <script src="./javascript/live.js"></script>
    <script src="./javascript/className.js"></script>


</body>

</html>